@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

html{padding: 0px; margin: 0px; overflow: hidden;}
body{width: 100vw; font-family: 'Inter', sans-serif; font-size: 100%; background: #fff; text-overflow: ellipsis; padding: 0px; margin: 0px; overflow-y: scroll; overflow-x: hidden;}
body::-webkit-scrollbar{display: none;}
body{-ms-overflow-style: none; scrollbar-width: none;}
body{background-repeat: no-repeat;}
a{text-decoration: none; color: inherit; cursor: pointer;}
img,ul,li{margin:0; padding:0;}
div{display: block; position: relative;}
h1,h2{margin: 0px; font-size: 1.25em; font-weight: 400;}
h2{font-size: 1em;}

/* LOGIN BOX */

#loginBox{
width: 300px;
height: 200px;
display: flex;
flex-flow: column nowrap;
gap: 15px;
margin-left: calc(50vw - 150px);
margin-top: calc(50vh - 100px);
}

#loginBox input{
width: 100%;	
border: none;
border-bottom: solid 1px #777;
padding: 6px 0px;
outline: none;
}

#loginBox input:focus{border-color: #000;}

.button{
margin: 0px auto;
width: 200px;
height: 40px;
background: #777;
color: #fff;
line-height: 40px;
text-align: center;
cursor: pointer;	
}

.button:hover{background: #000;}

@media (orientation: landscape) {
/* MENU */	

}